<!-- NOTE: -->
<!-- 
		Make sure menu buttons stay constant throughout all html pages
 -->



<HTML>

<HEAD>
	<title>HandsFree</title>
	
	<!-- CSS -->
	<link type="text/css" rel="stylesheet" href="Template.css"/>
	<link type="text/css" rel="stylesheet" href="Home.css"/>
	
	<!-- FONT -->
	<link href='http://fonts.googleapis.com/css?family=Cutive|Open+Sans' rel='stylesheet' type='text/css'>
</HEAD>

<BODY>


	<div id="sidebar">
	
		<div id="menu">
		
			<div id="logo">
				<ul>
					<li id="l1">Hands</li>
					<li id="l2">Free</ul>
				<p>A Ticketmaster Project by A-Team</p>
			</div>
				
			<div id="menu-buttons">
				<ul>
					<a href="Home.html"><li>Home</li></a>
					<a href="QRcode.html"><li>Scan Yourself In</li></a>
					<a href="Enroll.html"><li>Buy A Ticket Today!</li></a>
					<a href="ApplyForEvent.html"><li>Sign Up For An Event</li></a>
					<a href="LiveAttendanceView.html"><li>Real-Time Roster</li></a>
					<a href="ScanStream.html"><li>Scan Stream</li></a>
					<a href="EventHistory.html"><li>Event History</li></a>
				</ul>
			</div>
			<div id="menu-content">
				<p>Welcome to our home page!</p>
			</div>

		</div>
		
		<div id="border"></div>

	</div>

	
	
	
	<div id="content">
	
		<table>
			<tr><td class="centered">
				<div id="title-wrapper">
					<div id="title" class="opaque">
						Home
					</div>		
				</div>
			</td></tr>
			
			<tr><td><div style="height:30px"></td></div></tr>
			
			<tr><td class="centered"><div id="option-wrapper" style="margin:0;"><div class="opaque" style="font-size:18;">Sign up!</div></div></tr>
			
			<tr><td class="centered">
				<div id="option-wrapper">
					<div id="option" class="opaque">
					
						<div id="option-left">
							<p>(1) Not a member?	<br><br>
							Click <a style="color:#f53c17;" href="./Enroll.html">here</a> to enroll</p>
						</div>
						<div id="option-right">
							<p>(2) Need to attend a meeting/event?		<br><br>
							Click <a style="color:#f53c17;" href="./ApplyForEvent.html">here</a> to sign up for an event</p>
						</div>
						
					</div>
				</div>
			</td></tr>
			
			<tr><td class="centered"><div id="option-wrapper" style="margin:0;"><div class="opaque" style="font-size:18;">Problems scanning at the door?</div></div></tr>
			
			<tr><td class="centered">
				<div id="option-wrapper">
					<div id="option" class="opaque">
					
						<p>Do you need to scan in manually? Click <a style="color:#f53c17;" href="./QRcode.html">here</a></p>
						
					</div>
				</div>
			</td></tr>
			
			<tr><td class="centered"><div id="option-wrapper" style="margin:0;"><div class="opaque" style="font-size:18;">Views</div></div></tr>
			
			<tr><td class="centered">
				<div id="option-wrapper">
					<div id="option" class="opaque">
					
						<p>To view scans as they happen in real time: click <a style="color:#f53c17;" href="./ScanStream.html">here</a></p>
						<p>To see the current roster for an event: click <a style="color:#f53c17;" href="./LiveAttendanceView.html?">here</a></p>
						<p>To see the scan history of an event: click <a style="color:#f53c17;" href="./EventHistory.html">here</a></p>
						
					</div>
				</div>
			</td></tr>
		</table>

	</div>

</BODY>
</HTML>